<ion-view hide-tabs="true" hide-nav-bar="true" view-title="完成评价" style="background-color: #F1F1F1;" ng-controller="evaluateCompleteDetailCtrl"
    ng-cloak>
    <ion-header-bar align-title="center" class="bar-default" style="background-color: #F8F8F8;">
        <div class="buttons">
            <button class="button" ng-click="backPrePage()"><span class="ion-ios-arrow-thin-left" style="font-size: 24px;"></span></button>
        </div>
        <h1 class="title">课程结束</h1>
    </ion-header-bar>
    <ion-content>
        <div class="detailState padding">
            <div class="detailStateMes">
                <div><span class="ion-ios-checkmark-outline fs100 lightGreen"></span></div>
                <div class="detailed f12 " style="color: #666666;">
                    <ul class="">
                        <li>
                            <div class="fw">
                                <h4 class="lightGreen">已结束！</h4>
                            </div>
                        </li>
                        <li>
                            <div>教练: <span>{{evaluateCompleteDetailData.coachName}}</span></div>
                        </li>
                        <li>
                            <div>课程名称: <span>{{evaluateCompleteDetailData.courseName}}</span></div>
                        </li>
                        <li>
                            <div>下课时间: <span class="">{{evaluateCompleteDetailData.endTime}}</span></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <ion-list>
            <ion-item>
                <div class="clearfix">
                    <div class="fl courseDetailImg">
                        <img ng-src="{{evaluateCompleteDetailData.classPic}}" alt="">
                    </div>
                    <div class="fl f12 " style="margin-left: 6px;">
                        <div>
                            <div>
                                <h4 ng-if="evaluateCompleteDetailData.classType == 'charge'">{{evaluateCompleteDetailData.productName}}</h4>
                                <h4 ng-if="evaluateCompleteDetailData.classType == 'group'">{{evaluateCompleteDetailData.courseName}}</h4>
                            </div>
                            <div>
                                <ul style="display: flex;">
                                    <li class="">
                                        <img style="width: 16px;margin-top: 4px;" ng-src="{{evaluateCompleteDetailData.scoreImg.one}}" alt="">
                                    </li>
                                    <li class="">
                                        <img style="width: 16px;margin-top: 4px;" ng-src="{{evaluateCompleteDetailData.scoreImg.two}}" alt="">
                                    </li>
                                    <li class="">
                                        <img style="width: 16px;margin-top: 4px;" ng-src="{{evaluateCompleteDetailData.scoreImg.three}}" alt="">
                                    </li>
                                    <li class="">
                                        <img style="width: 16px;margin-top: 4px;" ng-src="{{evaluateCompleteDetailData.scoreImg.four}}" alt="">
                                    </li>
                                    <li class="">
                                        <img style="width: 16px;margin-top: 4px;" ng-src="{{evaluateCompleteDetailData.scoreImg.five}}" alt="">
                                    </li>
                                    <li style="padding-top:2px">
                                        {{evaluateCompleteDetailData.score}}分
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="fr f12 lightYellow" style="text-align: right;margin-right: 20px;" ng-if="evaluateCompleteDetailData.classType == 'charge'">
                        <div class="f20"><span class="ion-social-yen"><b> {{evaluateCompleteDetailData.totalPrice}}</b></span></div>
                        <div>共<span> {{evaluateCompleteDetailData.classCount}}</span>节/总价</div>
                    </div>
                </div>
            </ion-item>
             <ion-item ng-show="item.courseFlag">
                <ul class="pitchDetailLists f12">
                    <li class="pitchDetail clearfix" style="height: 100%;min-height: 50px;margin:0 auto;" ng-repeat="w in item.packageClass">
                        <div class="pitchNum"><span ng-if='w.status == 2' class="pitchNumMark"></span> <span ng-if="w.status == 1" style="color:#28a54c;height:30px;width:19px;" class="ion-checkmark-circled"></span> </div>
                        <div class="fl mTm10" style="margin-left: 20px;">
                            <span>第{{w.times}}节</span>
                            <span style="margin-left: 15px;">{{w.name}}</span>
                            <span style="margin-left: 15px;">时长{{w.course_length}}分钟</span>
                            <span class="ion-social-yen" style="margin-left: 15px;">{{w.sale_price}}</span>
                        </div>
                        <div class="fr mTm10 clearfix" ng-show="yetClass">
                            <div class="fr ">上课教练: <span class="">{{w.coachName}}</span></div>
                        </div>
                    </li>
                </ul>
            </ion-item>
        </ion-list>
    </ion-content>
</ion-view>